body {
    background-color: #2b6a98;
    display: flex;
    justify-content: center;
    align-items: center;
    /*给一个body的窗口高度*/
    height: 100vh;
}

.login {
    width: 500px;
    height: 300px;
}

.login-one {
    font-size: 30px;
    font-family: 仿宋;

}

.login-one span {
    color: #e69137;
}

.login-two {
    width: 500px;
    height: 200px;
    background-color: #6eaedd;
    border-radius: 10px;
    /*display: flex;*/
}

.login-three {
    display: flex;
    justify-content: center;
    height: 80px;
    align-items: center;
    top: -200px;
    position: relative;
}

.login-three input[type=button] {
    background-color: #62a5d6;
    width: 120px;
    height: 50px;
    border-radius: 30px;

}

/*--------------------------------*/
.login-two-left {
    width: 350px;
    height: 200px;
    padding-top: 30px;
}

.aa {
    width: 350px;
    height: 40px;
}

.aa td:nth-child(1) {
    text-align: right;
}

.aa input[type=text] {
    width: 200px;
    height: 30px;
    background-color: #e69137;
}

.login-two-left .aa:last-child input[type=text] {
    width: 80px;
}

.login-two-left .aa:last-child td:last-child {
    display: flex;
    align-items: flex-end;
}

.login-two-left img {
    margin-left: 10px;
    width: 100px;
    height: 40px;
}

.login-two > div {
    float: left;
    /*border: 1px solid red;*/
}

.login-two-middle {
    height: 200px;
}

.login-two-middle img {
    width: 100%;
    height: 100%;
}

.login-two-right {
    margin-left: 380px;
    justify-content: right;
    width: 200px;
    font-size: 20px;
    line-height: 24px;
    margin-top: -110px;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg); /* IE 9 */
    -moz-transform: rotate(90deg); /* Firefox */
    -webkit-transform: rotate(90deg); /* Safari 和 Chrome */
    -o-transform: rotate(90deg); /* Opera */
}
.suxian{
    position: relative;
    border: 1px solid #85c0e9;
    width: 0;
    height: 195px;
    top: -200px;
    left: 80px;
}